<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>New Delhi, India</title>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
	</head>	
	<body onLoad="parent.loadPage( 'New Delhi, India' );javascript:parent.subtractTravel()">
		<section>
			<header>
				<h1>New Delhi, India</h1>
			</header>
			    <div id="main-content">
                                <div class="column">
                                        <article>
                      <header>
          <h2>Flag of India</h2>
          </header>
  <img src="images/flagindia.jpg" alt="Flag" title="Flag" height="130" width="190"/>
  </article>
      </div>
  <div class="column">
  <article>
           <header>
  <h2>New Delhi City (Taj Mahal)</h2>
  <img src="images/agra.jpg" alt="Taj Mahal" title="Taj Mahal" height="130" width="190"/>
   </header>
                                                
 </article>
   </div>
       <h2>
    Fact about New Delhi:
    </h2>
    
    <span id="bankroll" ></span>

		
  <p>
  New Delhi is the government, commercial and financial center of India. 
    </p>
			
			<aside id="travel">
				<h2 class="header-button" onClick="javascript:parent.showDestinations()">Travel</h2>
				<div id="destinations">
				</div>
			</aside>
			<aside id="investigate">
				<h2 class="header-button" onClick="javascript:parent.showClue()">Investigate</h2>
				<div id="clue">
				</div>
			</aside>
			</section>
	</body>
</html>


   